<!DOCTYPE html>
<html   data-layout-decorate="~{fragment/layout}">
<head>
<meta charset="UTF-8">
<title>学生成绩汇总-班级学期选择</title>
</head>
<body>
	<section data-layout-fragment="content">
		<div class="container">
				<div class="well well-sm" style="padding: 20px;width: 500px;margin: 30px auto;">
					<form id="fistForm" role="form" action="summarizing" method="post" >
					  	<div class="form-group">
						    <label for="bjSel">班级</label>
						    <select id="bjSel" class="form-control" name="classId">
						    	<option value="">请选择</option>
						    	<option data-th-each="bj:${classes}" data-th-value="${bj.id}" data-th-text="${bj.name}">班级1</option>
						    </select>
						 </div>
					  	<div class="form-group">
						    <label for="xqSel">学期</label>
						    <select id="xqSel" class="form-control" name="xq">
						    	<option value="">请选择</option>
						    	<option data-th-each="xq:${xqs}" data-th-value="${xq}" data-th-text="${xq}">班级1</option>
						    </select>
					  	</div>
					  	<hr>
							<div class="form-group row">
								<button type="submit" class="col-md-3 col-md-offset-5 btn btn-primary">提交</button>
								<button type="reset" class="col-md-3  btn btn-default" style="margin-left: 10px;">重置</button>
							</div>
					</form>
				</div>
		</div>
			<script type="text/javascript">
    $(function () {
　　　　 	var options= {
			message: '验证不通过',
			feedbackIcons: {
                 valid: 'glyphicon glyphicon-ok',
                 invalid: 'glyphicon glyphicon-remove',
                 validating: 'glyphicon glyphicon-refresh'
             },
             fields: { 
             	
    			classId: {
    				validators: {
    					notEmpty: {
    						message: '班级不能为空'
    					}
    				}
    			},
    			xq: {
    				validators: {
    					notEmpty: {
    						message: '学期不能为空'
    					}
    				}
    			}

             }
         };
        $('#fistForm').bootstrapValidator(options);
 	});
  
	</script>
		
	</section>
	
</body>
</html>